<template>
  <el-tabs v-model="activeName" @tab-click="handleClick" tab-position="left" >
    <el-tab-pane label="AAAAA" name="first">AAAAA</el-tab-pane>
    <el-tab-pane label="BBBBB" name="second">BBBBB</el-tab-pane>
    <el-tab-pane label="CCCCC" name="third">CCCCC</el-tab-pane>
    <el-tab-pane label="DDDDD" name="fourth">DDDDD</el-tab-pane>
  </el-tabs>
</template>
<script>
  export default {
    data() {
      return {
        activeName: 'second'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>
<style scoped>

</style>
<style>

</style>